<%--
  Created by IntelliJ IDEA.
  User: 刘邓
  Date: 2023/6/14
  Time: 10:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>导入excel文件</title>
    <style>
        .container {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
            position: relative;
            overflow: hidden;
            width: 768px;
            max-width: 100%;
            min-height: 480px;
            margin:0 auto;
        }
        .container div{
            margin-top: 20px;
            margin-left: 40%;
        }

        input {
            background-color: #eee;
            border: none;
            padding: 12px 15px;
            margin: 8px 10px;
        }
    </style>
</head>
<body>
    <form class="container" action="/upload" enctype="multipart/form-data" method="post">
        <div><input type="file" name="file" id="file"></div>
        <div style="padding-left: 30px"><input type="submit" value="导入" id="imports"></div>
        <P>
            <h3 style="text-align: center">excel格式说明:管理员:字段依次为姓名，性别(0：男，1：女)，账户，密码，邮箱，状态(0:正在使用，1：待删除，2：已经删除)</h3>
        <h3 style="text-align: center">普通用户:字段依次为姓名，性别(0：男，1：女)，邮箱，状态(0:正在使用，1：待删除，2：已经删除)</h3>
        具体格式见下载excel
        </P>
    </form>
</body>
<script>
    let file = document.getElementById("file");
    let imports = document.getElementById("imports");
    imports.addEventListener("click",(e) => {
        if(file.value == null || file.value == ""){
            alert("请上传文件");
            e.preventDefault();
        }
    })
</script>
</html>
